<template>
  <div class="placeholder" :style="`height: ${props.data.height}px; text-align:center`">
    <span v-if="mode === 'design'">占位</span>
  </div>
</template>

<script setup lang="ts">
import type { FormMode } from '@/typings'
const props = defineProps<{ data: Record<string, any>; form: Record<string, any>; mode: FormMode }>()
</script>

<style lang="scss" scoped>
.placeholder {
  font-style: italic;
  color: $--color-text-placeholder;
}
</style>
